<template>
  <div class="content">
    <div>
      <vxe-table ref="xTable" :data="tableData">
        <vxe-column field="organizationName" fixed="left" width="100" title="隔离点名称" />
        <vxe-column field="twoFourHour" width="126" title="24小时内启用" />
        <vxe-column field="fourEightHour" width="126" title="48小时内启用" />
        <vxe-column field="sevenTwoHour" width="126" title="72小时内启用" />

      </vxe-table>
    </div>
  </div>
</template>

<script>
import $api from '@/api/index'
import { mapGetters } from 'vuex'
export default {
  data() {
    return {
      tableData: []
    }
  },
  computed: {
    ...mapGetters([
      'reportId'
    ])
  },
  beforeCreate() {
    this.$dd.showTitleBar()
  },
  mounted() {
    this.$dd.showTitleBar()
    const app = this
    this.$dd.setTitle({
      title: app.$route.query.name
    }).then(res => {
      console.log(res)
    }).catch(err => { console.log(err) })
    this.daily()
  },
  methods: {
    daily() {
      $api.user.countRoomReport({ reportIds: this.$route.query.type ? this.reportId : this.reportIds }).then(res => {
        // this.drawLine6666(res.data)
        this.tableData = res.data
      })
    }
  }
}
</script>

<style lang="scss" scoped>
.content{
    width:100%;
    height:100%;
    overflow-y: scroll;
}

</style>
